/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */

body{
    max-width: 750px;
    min-width: 320px;
    margin: 0 auto;
    height: 1500px;
    background-color: #f2f4f7;
}

@media screen and (min-width:750px){
    html{
        font-size: 75px !important;
    }
    
}

h1{
    width: 100%;
    height: 1.2933rem;
    font-size: .4667rem;
    text-align: center;
    line-height: 1.2933rem;
    background-color: #fff;
    border-bottom: 2px solid #eaeaea;
}
a{
    text-decoration: none;
}
/* 分类图标 */
.warp{
    padding: .587rem 0;
    background-color: #fff;
}
.warp .nav{
    display: flex;
    flex-wrap: wrap;
}
.warp .nav a{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 33.3%;
    color: #707070;
    font-size: .3333rem;
}
.warp .nav a img{
    width: 1.8533rem;
    height: 1.8533rem;
}
.warp .nav a:nth-child(-n+3){
    margin-bottom: .8267rem;
}
/* 中间广告图 */
.ad{
    /* background-color: #fff; */
    margin: .8rem .12rem 0 .24rem;
    
}
.ad img{
    width: 100%;
}

// 就业指导
.content{
    margin-top: .1333rem;
    padding: .5333rem .3067rem .5067rem .2933rem;
    background-color: #fff;
    .con-hd{
        display: flex;
        justify-content: space-between;
        height: .5067rem;
        line-height: .5067rem;
        h2{
            font-size: .3733rem;
            color: #333333;
            &::before{
                display: inline-block;
                content: "";
                width: .5067rem;
                height: .5067rem;
                background: url(../imgs/icon01.png);
                background-size: 100%;
                margin-right: .24rem;
                vertical-align: middle;
            }
        }
        a{
            font-size: .2933rem;
            color: #999;
        }
    }
    .job-ad{
        position: relative;
        margin-top: .4533rem;
        .swiper{
            width: 7.2rem;
            height: 100%;

            .swiper-slide {
                text-align: center;
                font-size: 18px;
                background: #fff;
          
                /* Center slide text vertically */
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                flex-direction: column;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
                transition: 300ms;
                transform: scale(0.8);
                opacity: .5;
                color: #333333;
                font-size: .3333rem;
                span{
                    padding-top: 15px;
                }
              }
              .swiper-slide-active,.swiper-slide-duplicate-active{
                transform: scale(1);
                opacity: 1;
                z-index: 1;
              }
          }
          
    }
}